<div class="easyui-layout" data-options="fit:true">
    <div class="dialog-header" data-options="region:'north',border:false">
        <div class="btn btn-sm btn-hope easyui-splitbutton" data-options="menu:'#PsimpleOPs<?=time()?>'">
            <i class="fa fa-list"></i>简单操作
        </div>
    </div>
    <form id="queryForm1212" class="container">
        <div data-options="region:'center',border:false">
            <div class="container">
                <div class="form-box sm-form">
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input type="text" placeholder="邮箱" value="" name="email">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input" type="text" placeholder="QQ" value="" name="qq">
                        </div>
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input" type="text" placeholder="昵称" value="" name="nickName">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">真实名称</div>
                            <input class="group-input" type="text" placeholder="真实名称" value="" name="realName">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">联系方式</div>
                            <input class="group-input" type="text" placeholder="联系方式" value="" name="userName">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group groups">
                            <div class="group-text">家庭住址</div>
                            <input class="group-input" type="text" placeholder="家庭住址" value="" name="address">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input col-12">
                            <label class="form-label"><span>爱好：</span></label>
                            <label class="form-label form-checkbox"><input type="checkbox" name="like[]" value="football"><span class="checkbox-text">足球</span></label>
                            <label class="form-label form-checkbox"><input type="checkbox" name="like[]" value="basketball"><span class="checkbox-text">篮球</span></label>
                            <label class="form-label form-checkbox"><input type="checkbox" name="like[]" value="book"><span class="checkbox-text">看书</span></label>
                            <label class="form-label form-checkbox"><input type="checkbox" name="like[]" value="music"><span class="checkbox-text">音乐</span></label>
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input col-12">
                            <label class="form-label"><span>民族：</span></label>
                            <?php 
    $clans = ['汉族','瑶族','拉祜族','撒拉族','京族','珞巴族','彝族','畲族','水族','塔吉克族','土家族','傣族','仫佬族','乌兹别克族','壮族','朝鲜族','锡伯族','基诺族','门巴族','布朗族','满族','蒙古族','白族','傈僳族','佤族','柯尔克孜族','阿昌族','德昂族','鄂伦春族','回族','藏族','哈尼族','仡佬族','纳西族','达斡尔族','普米族','保安族','独龙族','苗族','布依族','哈萨克族','东乡族','羌族','景颇族','鄂温克族','俄罗斯族','塔塔尔族','维吾尔族','侗族','黎族','高山族','土族','毛南族','怒族','裕固族','赫哲族',];
                             ?>
                             <?php foreach ($clans as $clan): ?>
                                 <label class="form-label form-checkbox"><input type="radio" name="clan" value="<?=$clan ?>"><span class="checkbox-text"><?=$clan ?></span></label>
                             <?php endforeach ?>
                        </div>
                    </div>
                    <div class="form-item row">
    <?php 
    $language = [
        "ar"=>"Arabic",
        "bg"=>"Bulgarian",
        "ca"=>"Catalan",
        "zh-cht"=>"ChineseTraditional",
        "cs"=>"Czech",
        "da"=>"Danish",
        "nl"=>"Dutch",
        "en"=>"English",
        "et"=>"Estonian",
        "fi"=>"Finnish",
        "fr"=>"French",
        "de"=>"German",
        "el"=>"Greek",
        "ht"=>"HaitianCreole",
        "he"=>"Hebrew",
        "hi"=>"Hindi",
        "mww"=>"Hmong",
        "hu"=>"Hungarian",
        "id"=>"Indonesian",
        "it"=>"Italian",
        "ja"=>"Japanese",
        "ko"=>"Korean",
        "lv"=>"Latvian",
        "lt"=>"Lithuanian",
        "no"=>"Norwegian",
        "fa"=>"Persian",
        "pl"=>"Polish",
        "pt"=>"Portuguese",
        "ro"=>"Romanian",
        "ru"=>"Russian",
        "sk"=>"Slovak",
        "sl"=>"Slovenian",
        "es"=>"Spanish",
        "sv"=>"Swedish",
        "th"=>"Thai",
        "tr"=>"Turkish",
        "uk"=>"Ukrainian",
        "vi"=>"Vietnamese",
    ];
    ?>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">下拉单选</div>
                            <select class="group-input easyui-combobox" name="language1" data-options="panelHeight:'200'">
                                <?php foreach ($language as $abbreviat => $fullName): ?>
                                    <option value="<?=$abbreviat ?>"><?=$fullName ?></option>
                                <?php endforeach ?>
                            </select>
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">远程下拉单选</div>
                            <input class="easyui-combobox" 
                                name="language2"
                                 placeholder="家庭住址"
                                data-options="
                                        url:'/data/index.php?type=select',
                                        method:'get',
                                        valueField:'text',
                                        textField:'desc',
                                        panelHeight:'200',
                                        width:'100%',
                                ">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">下拉多选</div>
                            <select class="group-input easyui-combobox" name="language3[]" data-options="multiple:true,multiline:true,panelHeight:'200',width:'100%'">
                                <?php foreach ($language as $abbreviat => $fullName): ?>
                                    <option value="<?=$abbreviat ?>"><?=$fullName ?></option>
                                <?php endforeach ?>
                            </select>
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">远程下拉多选</div>
                            <input class="easyui-combobox" 
                                name="language4[]"
                                data-options="
                                        url:'/data/index.php?type=select',
                                        method:'get',
                                        valueField:'text',
                                        textField:'desc',
                                        multiple:true,
                                        multiline:true,
                                        width:'100%',
                                        panelHeight:'200',
                                ">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input repeat="pwd" type="password" placeholder="密码" value="" name="password1">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" name="password2">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <span class="group-text">密码</span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" class="group-input" name="password3">
                        </div>
                    </div>
                </div>
            </div>
        </div>
<?php 
    function convertUrlQuery($query){
        $queryParts = explode('&', $query);
        $params = array();
        foreach ($queryParts as $param) {
            $item = explode('=', $param);
            $params[$item[0]] = $item[1];
        }
        return $params;
    }
?>
        <div class="dialog-footer" data-options="region:'south',border:false">
            <label class="form-label form-checkbox">
                <input class="easyui-checkbox" name="autoClose" data-options="label:'保存并关闭',value:'on',checked:true">
            </label>
            <div class="btn btn-primary" onclick="$.submitForm(this)"
             data-options="
                form:{
                    url:'/data/index.php?type=test',
                    id:'#queryForm1212',
                },
                callback:[{
                    method:'closeDialog',
                    dialog:{
                        id:'#<?=convertUrlQuery($_SERVER["QUERY_STRING"])['dialogId'] ?>',
                        question:true,
                    },
                },{
                    method:'reloadGrid',
                    grid:{
                        type:'datagrid',
                        id:'#products',
                        updateRow:true
                    }
                }]
             " >保存</div>
             <div class="btn btn-default" onclick="$.closeDialog('#<?=convertUrlQuery($_SERVER["QUERY_STRING"])['dialogId'] ?>')">关闭</div>
        </div>
    </form>
</div>


<!-- 简单操作的下拉 -->
<div id="PsimpleOPs<?=time()?>" style="display: none;">
    <div onclick="$.comboEvn(this)"
     data-options="
        iconCls:'fa fa-file',
        method:'request',
        url:'/html/echarts/echarts.php',
     ">页面重定向</div>
    <div data-options="iconCls:'fa fa-reply'">返回</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'fa fa-copy'">粘贴</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'fa fa-cut'">剪切</div>
    <div data-options="iconCls:'fa fa-check-square-o'">选中</div>
    <div data-options="iconCls:'fa fa-check-square'">全部</div>
</div>